<template>
    <div class="article-wrap com-public-pt">
        <div class="cp-container">
            <el-row :gutter="40">
                <el-col :span="18"><div class="l">
                    <article-list></article-list>
                </div></el-col>
                <el-col :span="6"><div class="r">
                    <hot-article></hot-article>
                    <hot-author></hot-author>
                </div></el-col>
            </el-row>
        </div>
    </div>
</template>

<script lang="ts">
import {
    Vue,
    Component
} from 'nuxt-property-decorator'
import articleList from '~/components/community/article/articleList.vue'
import hotArticle from '~/components/community/article/hotArticle.vue'
import hotAuthor from '~/components/community/article/hotAuthor.vue'
@Component({
    name: 'test',
    layout: 'community',
    head () {
        return {
            title: '文章-CIIP社群中心',
            meta: [
                {hid: 'description', name: 'description', content: '社群中心文章，在这里可以浏览更多建筑专业知识，认识更多志同道合的人。'},
                {hid: 'keyword', name: 'keyword', content: '建筑文章，建筑社群，建筑知识'}
            ]
        }
    },
    components: {
        articleList,
        hotArticle,
        hotAuthor
    }
})
export default class PageArticleIndex extends Vue {}
</script>

<style lang="scss" scoped>
.article-wrap{
    padding-top: 20px;
    background: #f8f8f8;

}
</style>
